<!DOCTYPE HTML>
<html>
<head>
    <title>医患通舆情系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="css/main.css" type="text/css" charset="utf-8"/>
    <link rel="stylesheet" href="css/yypp.css" type="text/css" charset="utf-8"/>
    <link rel="stylesheet" href="css/hzmy.css" type="text/css" charset="utf-8"/>
    <link rel="stylesheet" href="css/neican.css" type="text/css" charset="utf-8"/>
    <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.jcarousel.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jqcloud-1.0.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div class="__frame">
    <div class="webview">
        <a class="webview_close icon-bg" href="javascript:;"></a>
        <div class="webview_box">
            <iframe src="" style="border:1px solid #ccc;" frameborder="0" height="768px"></iframe>
        </div>
    </div>
        <div id="frm_left">
            <div class="logo"></div>
            <div class="hospitalName "><em class="icon "></em> 北京市第二人民医院</div>
            <div class="menuContainer" id="menuContainer"></div>
        </div>
        <div id="frm_center">
            <div style="width:859px;margin:0 auto;" class="hyyw">
                <div class="top-nav">
                    <div class="nav-pre">
                        <em class="nc-icon"></em>
                    </div>
                    <ul class="top-nav-box">
                        <li class="top-nav-act">2012年第12期</li>
                        <li data-url="neican/2012.12.pdf">2012年第11期</li>
                        <li data-url="neican/2012.10.pdf">2012年第10期</li>
                        <li data-url="neican/2012.09.pdf">2012年第9期</li>
                        <li data-url="neican/2012.08.pdf">2012年第8期</li>
                        <li data-url="neican/2012.07.pdf">2012年第7期</li>
                        <li data-url="neican/2012.06.pdf">2012年第6期</li>
                        <li data-url="neican/2012.05.pdf">2012年第5期</li>
                        <li data-url="neican/2012.04.pdf">2012年第4期</li>
                        <li data-url="neican/2012.03.pdf">2012年第3期</li>
                    </ul>
                    <div class="nav-next">
                        <em class="nc-icon"></em>
                    </div>
                </div>
                <iframe src="qwbd/2012.01.pdf" frameborder="0" width="100%" height="728px" style="background-color:#fff;"></iframe>
            </div>
        </div>
    </div>
    <!-- 菜单 -->
    <script type="text/html" id="tpl_menu">
        <ul class="mainMenu">
            {{each list as item index}}
                <li {{if item["act"]}}class="active"{{/if}} data-chart='{{item["name"]}}'>
                    <em class='icon i-{{item["name"]}}'></em>{{item["text"]}}
                </li>
            {{/each}}
        </ul>
    </script>
    <script type="text/javascript" charset="utf-8">
        $(function(){
            berserker.addView({
                name:'menu',
                tpl:'tpl_menu',
                done:function(host){
                    var CLS_ACTIVE = 'active';
                    $('li',host).on('click',function(){
                        var item = $(this);
                        if(item.hasClass('active')){
                            return
                        }
                        $('.'+CLS_ACTIVE,host).removeClass(CLS_ACTIVE);
                        item.addClass(CLS_ACTIVE);
                        berserker.getView($(this).attr('data-chart')).render('#frm_center');
                    })
                    $('li.'+CLS_ACTIVE,host).removeClass(CLS_ACTIVE).click();
                }
            })
        })
    </script>
    <!--医院品牌-->
    <script type="text/html" id="tpl_yypp">
        <div class="tabview">
            <ul>
                <li class="tab activeTab">整体情况</li>
                <li class="tab">医院互动</li>
                <li class="tab">医生互动</li>
            </ul>
            <div class="tabContent">
                <div class="chart-line-labels"
                    data-chart="yypp-chart1" style="width:600px;height:250px;border-bottom:1px solid #ccc;">
                </div>
                <div style="height:245px;">
                    <div style="width:300px;float:left;height:245px;" data-chart="yypp-chart2">
                    </div>
                    <div style="width:50%;float:left;height:245px;">
                        <table width="95%;" style="margin-top:30px;" align="center" data-config="">
                            {{if table1["title"]}}
                            <thead>
                                <tr>
                                    <th colspan="4">{{table1["title"]}}</th>
                                </tr>
                            </thead>
                            {{/if}}
                            <tbody>
                                {{each table1["rows"] as item index}}
                                    <tr>
                                        <td data-role="listing">{{item[0]}}</td>
                                        <td data-role="listing">{{item[1]}}</td>
                                        <td data-role="listing">{{item[2]}}</td>
                                        <td data-role="listing">{{item[2]}}</td>
                                    </tr>
                                {{/each}}
                            </tbody>
                        </table>
                    </div>
                </div>
                <div style="width:100%;float:left;height:225px;">
                    <ul class="yypp_title">
                        <li data-role="listing" data-api="">患者反馈</li>
                        <li data-role="listing" data-api="">媒体报道</li>
                        <li data-role="listing" data-api="">热点事件</li>
                    </ul>
                    <ul class="yypp_listBox ctlist">
                        {{ each list_dzfk as item index}}
                            <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                    </ul>
                    <ul class="yypp_listBox ctlist">
                        {{ each list_mtbd as item index}}
                            <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                    </ul>
                    <ul class="yypp_listBox ctlist">
                        {{ each list_rdsj as item index}}
                            <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                    </ul>
                </div>
            </div>
            <div class="tabContent">
                <!-- 第一个chart -->
                    <div style="width:600px;float:left;height:300px;" class="chart-line-labels" data-chart="yypp-chart3"></div>
                <!-- 中间的跑马灯 -->
                <ul class="grid-1u slidetabs jcarousel-skin-tango">
                    <li>
                        <div >111</div>
                    </li>
                    <li>
                        <div >22</div>
                    </li>
                    <li>
                        <div >333</div>
                    </li>
                </ul>
                <!-- 最后的两个柱状图 -->
                <div class="grid-2u-1">
                    <div style="width:300px; height:300px;" class="chart-line-labels" data-chart="yypp-chart4">
                    </div>
                </div>
                <div class="grid-2u-1">
                    <div style="width:300px; height:300px;" class="chart-line-labels" data-chart="yypp-chart5">
                    </div>
                </div>
            </div>
            <div class="tabContent">
                <!-- 柱状图和   列表*2 -->
                <div class="grid-2u-1">
                    <div style="width:300px; height:300px;" class="chart-line-labels" data-chart="yypp-chart6">
                        </div>
                </div>
                <div class="grid-2u-1">
                    <div class="grid-2u-1">
                        <ul class="yshdlist ctlist" style="padding:0;"'>
                            {{ each list_yshd as item index}}
                                <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                            {{/each}}
                        </ul>
                    </div>
                    <div class="grid-2u-1">
                        <ul class="yshdlist ctlist" style="padding:0;"'>
                            {{ each list_yshd as item index}}
                                <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                            {{/each}}
                        </ul>
                    </div>
                    <br style="clear:both" />
                </div>
                <!-- tabView -->
                <ul class="subflist"><li>科室A</li><li>科室B</li><li>科室C</li><li>科室D</li></ul>
                <div style="width:400px;float:left;">
                    <div style="width:400px; height:300px;" class="chart-line-labels" data-chart="yypp-chart7">
                    </div>
                </div>
                <ul class="ctList" style="float:right;width:200px;overflow:auto;height:300px">
                    <li>列表项1</li>
                    <li>列表项2</li>
                    <li>列表项3</li>
                    <li>列表项4</li>
                    <li>列表项1</li>
                    <li>列表项2</li>
                    <li>列表项3</li>
                    <li>列表项4</li>
                    <li>列表项1</li>
                    <li>列表项2</li>
                    <li>列表项3</li>
                    <li>列表项4</li>
                </ul>
            </div>
        </div>
    </script>
    <!-- 患者满意度 -->
    <script type="text/html" id="tpl_hzmy">
        <div class="tabview">
            <ul>
                <li class="tab activeTab">整体情况</li>
                <li class="tab">满意度</li>
                <li class="tab">质疑?</li>
            </ul>
            <div class="tabContent">
                <div style="float:left;height:40%;width:100%;">
                    <div style="width:300px;float:left;height:215px;" data-chart="hzmy-chart1"></div>
                    <div style="width:40%;float:left;height:145px;">
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                        </ul>
                    </div>
                </div>
                <div style="float:left;height:20%;width:100%;padding:5px;">
                    <ul style="float:left;" class="hzmy_total">
                        {{ each total as item index}}
                            <li><span class="total_title">{{item["title"]}}</span>:<span class="total_number">{{item["number"]}}</span></li>
                        {{/each}}
                    </ul>
                    <ul class="hzmy_recomlist">
                        {{ each recomlist as item index}}
                            <li data-url="{{item["url"]}}" data-role="webview">{{item["title"]}}</li>
                        {{/each}}
                    </ul>
                </div>
                <div style="float:left;height:40%;width:100%;">
                    <div class="chart-line-labels" data-chart="hzmy-chart2" style="width:600px;height:250px;border-bottom:1px solid #ccc;"></div>
                </div>
            </div>
            <div class="tabContent">
                <div style="float:left;height:40%;width:600px;">
                    <div class="chart-line-labels" data-chart="hzmy-chart3" style="width:600px;height:250px;border-bottom:1px solid #ccc;">
                    </div>
                </div>
                <div>
                    <h3 style="float: left;font-size: 24px;height: 53px;padding: 20px;width: 25px;">
                        最新
                    </h3>
                    <ul class="hzmy_recomlist">
                        {{ each satisfiedlist as item index}}
                            <li data-url="{{item["url"]}}" data-role="webview">{{item["title"]}}科室A</li>
                        {{/each}}
                    </ul>
                </div>
                <div class="grid-2u-1">
                    <div style="width:600px; height:300px;" class="chart-line-labels" data-chart="hzmy-chart4">
                    </div>
                </div>
            </div>
            <div class="tabContent"></div>
        </div>
    </script>
    <!-- 媒体报道 -->
    <script type="text/html" id="tpl_mtbd">
        <div class="tabview">
            <ul>
                <li class="tab activeTab">整体情况</li>
                <li class="tab">来源分析</li>
                <li class="tab">内容分析</li>
            </ul>
            <div class="tabContent">
                <div class="chart-line-labels" data-chart="mtbd-chart1" style="width:600px;height:250px;border-bottom:1px solid #ccc;"></div>
                <!-- 中间的跑马灯 -->
                <ul class="grid-1u slidetabs jcarousel-skin-tango">
                    <li>
                        <div >111</div>
                    </li>
                    <li>
                        <div >22</div>
                    </li>
                    <li>
                        <div >333</div>
                    </li>
                </ul>
                <div style="height:200px;width:600px;float:left;">
                    <div style="width:240px;float:left;height:200px;" data-chart="mtbd-chart2"></div>
                    <div style="width:156px;float:left;">
                        <table width="95%;" style="margin-top:30px" data-config="">
                            {{if table1["title"]}}
                            <thead>
                                <tr>
                                    <th colspan="4">{{table1["title"]}}</th>
                                </tr>
                            </thead>
                            {{/if}}
                            <tbody>
                                {{each table1["rows"] as item index}}
                                    <tr>
                                        <td data-role="listing">{{item[0]}}</td>
                                        <td data-role="listing">{{item[1]}}</td>
                                        <td data-role="listing">{{item[2]}}</td>
                                        <td data-role="listing">{{item[2]}}</td>
                                    </tr>
                                {{/each}}
                            </tbody>
                        </table>
                    </div>
                    <div style="width:204px;float:left;">
                        <ul>
                            <li clas="listTitle">{{list_zr["title"]}}</li>
                        {{ each list_zr["list"] as item index}}
                            <li data-role="webview" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                        </ul>
                    </div>
                </div>
                <ul class="grid-2u-1">
                    <li clas="listTitle">{{list_good["title"]}}</li>
                    {{ each list_good["list"] as item index}}
                        <li data-role="webview" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
                <ul class="grid-2u-1">
                    <li clas="listTitle">{{list_bad["title"]}}</li>
                    {{ each list_bad["list"] as item index}}
                        <li data-role="webview" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
            </div>
            <div class="tabContent">
                <div class="grid-1u">
                    <div style="width:600px; height:300px;" class="chart-line-labels" data-chart="mtbd-chart3"></div>
                </div>
                <div class="grid-1u">
                    {{ each list_media as media idx}}
                        <ul class="grid-3u-1">
                            <li clas="listTitle">{{media["title"]}}</li>
                            {{ each media["list"] as item index}}
                                <li data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                            {{/each}}
                        </ul>
                    {{/each}}
                </div>
            </div>
            <div class="tabContent">
                <div class="grid-1u">
                    <div style="width:600px; height:300px;" class="chart-line-labels" data-chart="mtbd-chart4"></div>
                </div>
                <ul class="grid-2u-1">
                    <li clas="listTitle">{{list_mdpm["title"]}}</li>
                    {{ each list_mdpm["list"] as item index}}
                        <li data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
                <div class="grid-1u tagCloud"></div>
            </div>
        </div>
    </script>
    <!-- 主题事件 -->
    <script type="text/html" id="tpl_ztsj">
        <div class="tabview">
            <ul>
                <li class="tab activeTab">整体情况</li>
                <li class="tab" data-role="1" data-chart="zm">正面事件</li>
                <li class="tab" data-role="2" data-chart="fm">负面事件</li>
            </ul>
            <div class="tabContent">
                <div style="height:250px;width:300px;" class="grid-2u-1" data-chart="ztsj-chart1" >
                    </div>
                <ul class="grid-2u-1">
                    <li clas="listTitle">{{list_pop["title"]}}</li>
                    {{ each list_pop["list"] as item index}}
                        <li data-role="webview" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
                <div class="grid-1u">
                    <div style="width:600px; height:300px;" class="chart-line-labels" data-chart="ztsj-chart2">
                    </div>
                </div>
                <ul class="grid-2u-1">
                    <li clas="listTitle">{{list_zm["title"]}}</li>
                    {{ each list_zm["list"] as item index}}
                        <li data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
                <ul class="grid-2u-1">
                    <li clas="listTitle">{{list_fm["title"]}}</li>
                    {{ each list_fm["list"] as item index}}
                        <li data-role="listing" data-url="{{item['url']}}"title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
            </div>
            <div class="tabContent">
                <div class="grid-1u">
                    <div style="width:600px; height:300px;" class="chart-line-labels" data-chart="ztsj-chart3">
                    </div>
                </div>
                <div class="grid-1u tagCloud" data-url="" data-key="zm"></div>
            </div>
            <div class="tabContent">
                <div class="grid-1u">
                    <div style="width:600px; height:300px;" class="chart-line-labels" data-chart="ztsj-chart4">
                    </div>
                </div>
                <div class="grid-1u tagCloud" data-url="" data-key="fm"></div>
            </div>
        </div>
    </script>
    <script type="text/html" id="tpl_ylnc">
        {{each list as item index}}
        <li>
            <img src="{{item["img"}}]">
            <div class="slid-info">
                <h3>{{item["title"]}}</h3>
                {{item["text"]}}
            </div>
        </li>
        {{/each}}
    </script>
    <script type="text/javascript" src="view/yypp.js" charset="utf-8"></script>
    <script type="text/javascript" src="view/hzmy.js" charset="utf-8"></script>
    <script type="text/javascript" src="view/mtbd.js" charset="utf-8"></script>
    <script type="text/javascript" src="view/ztsj.js" charset="utf-8"></script>
    <script type="text/javascript" src="view/ylnc.js" charset="utf-8"></script>
</body>
</html>
<script src="js/template.js" type="text/javascript" charset="utf-8"></script>
<script src="js/template-syntax.js" type="text/javascript" charset="utf-8"></script>
<script src="js/view.js" type="text/javascript" charset="utf-8"></script>
<script src="js/berserker.js" type="text/javascript" charset="utf-8"></script>
<script src="js/chart.config.js" type="text/javascript" charset="utf-8"></script>
<script src="js/highcharts.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>